@import 'var';
@import 'mixin';

// 文本排版
.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.clearfix {
  @include clearfix;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.text-multiple-line {
  word-break: break-all;
}

// 颜色
.text-primary{
  color: $primary-color;
}

.text-error {
  color: $error !important;
}

.text-success {
  color: $success;
}

.text-warning {
  color: $warning;
}

.text-grey-10 {
  color: $grey-10;
}

.text-grey-9 {
  color: $grey-9;
}

.text-grey-8 {
  color: $grey-8;
}

.text-grey-7 {
  color: $grey-7;
}

.text-grey-6 {
  color: $grey-6;
}

.text-grey-5 {
  color: $grey-5;
}

.text-grey-4 {
  color: $grey-4;
}

.text-grey-3 {
  color: $grey-3;
}

.text-grey-2 {
  color: $grey-2;
}

.text-grey-1 {
  color: $grey-1;
}

.bg-grey-1 {
  background-color: $grey-1;
}

.bg-grey-2 {
  background-color: $grey-2;
}

.bg-grey-3 {
  background-color: $grey-3;
}

.bg-grey-4 {
  background-color: $grey-4;
}

.bg-grey-5 {
  background-color: $grey-6;
}

.bg-grey-6 {
  background-color: $grey-6;
}

.bg-grey-7 {
  background-color: $grey-7;
}

.bg-grey-8 {
  background-color: $grey-8;
}

.bg-grey-9 {
  background-color: $grey-9;
}

.bg-grey-10 {
  background-color: $grey-10;
}

// 单行文本截断
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.no-events {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
  pointer-events: none;
}

// 间距
.m {
  margin: $box-space !important;
}

.m-l {
  margin-left: $box-space !important;
}

.m-r {
  margin-right: $box-space !important;
}

.m-t {
  margin-top: $box-space !important;
}

.m-b {
  margin-bottom: $box-space !important;
}

.m-x {
  margin-left: $box-space !important;
  margin-right: $box-space !important;
}

.m-y {
  margin-top: $box-space !important;
  margin-bottom: $box-space !important;
}

.p {
  padding: $box-space !important;
}

.p-l {
  padding-left: $box-space !important;
}

.p-r {
  padding-right: $box-space !important;
}

.p-t {
  padding-top: $box-space !important;
}

.p-b {
  padding-bottom: $box-space !important;
}

.p-x {
  padding-left: $box-space !important;
  padding-right: $box-space !important;
}

.p-y {
  padding-top: $box-space !important;
  padding-bottom: $box-space !important;
}

.p-0 {
  padding: 0 !important;
}

.p-t-0 {
  padding-top: 0 !important;
}

.p-b-0 {
  padding-bottom: 0 !important;
}

.p-l-0 {
  padding-left: 0 !important;
}

.p-r-0 {
  padding-right: 0 !important;
}

.p-x-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.p-y-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.m-0 {
  margin: 0 !important;
}

.m-t-0 {
  margin-top: 0 !important;
}

.m-b-0 {
  margin-bottom: 0 !important;
}

.m-l-0 {
  margin-left: 0 !important;
}

.m-r-0 {
  margin-right: 0 !important;
}

.m-x-0 {
  margin-left: 0 !important;
  margin-left: 0 !important;
}

.m-y-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

// 宽度
.w-100 {
  width: 100%;
}
